/*layout*/
body{background-image: url(../img/main-bg.jpg);background-size: cover;background-repeat: no-repeat;background-position:bottom;background-attachment: fixed;}


.stepBar_warp{position:relative;width: 100%; height: 200px;margin-top: 200px;padding-top: 110px; overflow:hidden;z-index:100;}
.stepBar_bar{position:relative;margin: 0 auto;top:75px;width:1200px;height:50px;background:#bcc;}
.stepBar_stepProcess{position:relative;width:0;height:50px;background:#1cc;top:0;left:0;z-index:2;-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;transition: 1s;}
.stepBar_info{position:relative;width:1300px;margin:0 auto;height:100%;}
.stepBar_point{position:absolute;float:left;text-align:center;}
#point0{left:0px;}
#point1{left:300px;}
#point2{left:600px;}
#point3{left:900px;}
#point4{left:1200px;}
.stepBar_stepName{position:relative;display:block;width:100px;height:100px;font-size:15px;line-height:100px;border-radius:50%;z-index:3;cursor:pointer;}
.stepBar_point a{background:#bcc;color:#14191e;-ms-transition: 1s;-moz-transition: 1s;-webkit-transition:1s;transition: 1s;}
.stepBar_point a:hover{box-shadow:0 0 5px 3px #bcc;}
.stepBar_point .active{background:#1cc;color:#fff;font-weight:bold;}
.stepBar_point .active:hover{box-shadow:0 0 5px 3px #0bb;}
.stepBar_point .sleep{background:#bbb;pointer-events:none;}
/*添加投影*/
.stepBar_bar:before,.stepBar_bar:after,.stepBar_point:before,.stepBar_point:after{content:"";position:absolute;z-index:-1;top:40%;bottom:0;left:10px;right:10px;}
.stepBar_bar:before,.stepBar_bar:after{box-shadow:0 5px 30px rgba(0,0,0,0.5);}
.stepBar_point:before,.stepBar_point:after{border-radius:0 0 50% 50%;box-shadow:0 10px 35px rgba(0,0,0,0.5);}
/*添加渐变*/
.stepBar_bar{
	background:-webkit-linear-gradient(top,#cdd,#abb);
    background:-moz-linear-gradient(top,#cdd,#abb);
    background:-ms-linear-gradient(top,#cdd,#abb);
    background:linear-gradient(top,#cdd,#abb);
    -ms-filter:"progid:DXlmage Transform.Microsoft.gradient(GradientType=0,startColorstr=#cdd,endColorstr=#abb)";
    +background:#bcc;
}
.stepBar_stepProcess{
	background:-webkit-linear-gradient(top,#2dd,#0bb);
    background:-moz-linear-gradient(top,#2dd,#0bb);
    background:-ms-linear-gradient(top,#2dd,#0bb);
    background:linear-gradient(top,#2dd,#0bb);
    -ms-filter:"progid:DXlmage Transform.Microsoft.gradient(GradientType=0,startColorstr=#2dd,endColorstr=#0bb)";
    +background:#1cc;
}
/* .stepBar_point a{
	background:-webkit-radial-gradient(50% 5%,farthest-corner,#cdd,#abb);
    background:-moz-radial-gradient(50% 5%,farthest-corner,#cdd,#abb);
    background:-ms-radial-gradient(50% 5%,farthest-corner,#cdd,#abb);
    background:radial-gradient(50% 5%,farthest-corner,#cdd,#abb);
    -ms-filter:"progid:DXlmage Transform.Microsoft.gradient(GradientType=0,startColorstr=#cdd,endColorstr=#abb)";
    +background:#bcc;
}
.stepBar_point .active{
	background:-webkit-radial-gradient(50% 5%,farthest-corner,#2dd,#0bb);
    background:-moz-radial-gradient(50% 5%,farthest-corner,#2dd,#0bb);
    background:-ms-radial-gradient(50% 5%,farthest-corner,#2dd,#0bb);
    background:radial-gradient(50% 5%,farthest-corner,#2dd,#0bb);
    -ms-filter:"progid:DXlmage Transform.Microsoft.gradient(GradientType=0,startColorstr=#2dd,endColorstr=#0bb)";
    +background:#1cc;
} */
#foot{position: fixed;bottom: 0;width: 100%;min-width: 1100px;height: 30px;background:transparent;text-align: center;}
/*#foot .ipttext{display:none;}*/